﻿@inherits NFinal.View.RazorView<$safeprojectname$.Controllers.IndexController_Model.Index>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>@Model.Title</title>
    @(this.Render<string>("/$safeprojectname$/Views/Shared/HeadContent.cshtml", null))
</head>
<body>
    @(this.Render<string>("/$safeprojectname$/Views/Shared/NavContent.cshtml", null))
    <div class="container body-content">
        <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="6000">
            <ol class="carousel-indicators">
                <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                <li data-target="#myCarousel" data-slide-to="1"></li>
                <li data-target="#myCarousel" data-slide-to="2"></li>
                <li data-target="#myCarousel" data-slide-to="3"></li>
            </ol>
            <div class="carousel-inner" role="listbox">
                <div class="item active">
                    <img src="/Content/images/banner1.svg" alt="NFinal MVC" class="img-responsive" />
                    <div class="carousel-caption" role="option">
                        <p>
                            学习如何建立可以运行在任何地方的NFinal Web应用程序
                            <a class="btn btn-default" href="http://chm.nfinal.com">
                                了解更多
                            </a>
                        </p>
                    </div>
                </div>
                <div class="item">
                    <img src="/Content/images/banner2.svg" alt="NFinal Compiler" class="img-responsive" />
                    <div class="carousel-caption" role="option">
                        <p>
                            这里有很多的Visual Studio插件，可以帮助开发者自动生成各种模型。
                            <a class="btn btn-default" href="http://chm.nfinal.com">
                                了解更多
                            </a>
                        </p>
                    </div>
                </div>
                <div class="item">
                    <img src="/Content/images/banner3.svg" alt="插件管理" class="img-responsive" />
                    <div class="carousel-caption" role="option">
                        <p>
                            粘贴复制文件就可以完成我们的站点设置，是一件多么轻松的事。
                            <a class="btn btn-default" href="http://chm.nfinal.com">
                                了解更多
                            </a>
                        </p>
                    </div>
                </div>
                <div class="item">
                    <img src="/Content/images/banner4.svg" alt="云应用" class="img-responsive" />
                    <div class="carousel-caption" role="option">
                        <p>
                            利用阿里云服务建立适合中小型企业的网站应用。
                            <a class="btn btn-default" href="http://chm.nfinal.com">
                                了解更多
                            </a>
                        </p>
                    </div>
                </div>
            </div>
            <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
        </div>

        <div class="row">
            <div class="col-md-3">
                <h2>该应用用于</h2>
                <ul>
                    <li>NFinal MVC站点案例</li>
                    <li><a href="http://chm.nfinal.com">浏览</a>NFinal MVC 帮助文档</li>
                    <li>前端使用<a href="http://v3.bootcss.com/">Bootstrap</a></li>
                </ul>
            </div>
            <div class="col-md-3">
                <h2>如何做？</h2>
                <ul>
                    <li><a href="http://chm.nfinal.com">添加新的控制器和模板</a></li>
                    <li><a href="http://chm.nfinal.com">如何输出页面</a></li>
                    <li><a href="http://chm.nfinal.com">如何获取参数及上传文件</a></li>
                    <li><a href="http://chm.nfinal.com">如何生成Url</a></li>
                    <li><a href="http://chm.nfinal.com">如何操作数据库</a></li>
                    <li><a href="http://chm.nfinal.com">如何调试</a></li>
                </ul>
            </div>
            <div class="col-md-3">
                <h2>简介</h2>
                <ul>
                    <li><a href="http://chm.nfinal.com">NFinal简单介绍</a></li>
                    <li><a href="http://chm.nfinal.com">宿主项目与插件项目</a></li>
                    <li><a href="http://chm.nfinal.com">建立宿主项目</a></li>
                    <li><a href="http://chm.nfinal.com">建立插件项目</a></li>
                    <li><a href="http://chm.nfinal.com">自定义用户控件</a></li>
                    <li><a href="http://chm.nfinal.com">自定义组件</a></li>
                    <li><a href="http://chm.nfinal.com">全局配置及插件配置</a></li>
                </ul>
            </div>
            <div class="col-md-3">
                <h2>运行 &amp; 发布</h2>
                <ul>
                    <li><a href="http://chm.nfinal.com">运行你的Web应用程序</a></li>
                    <li><a href="">利用CEF创建桌面应用程序</a></li>
                    <li><a href="http://chm.nfinal.com">使用Kerstel跨平台运行</a></li>
                    <li><a href="http://chm.nfinal.com">如何发布到IIS上</a></li>
                </ul>
            </div>
        </div>
        <hr />
        <footer>
            <p>&copy; 2017 - NFinal</p>
        </footer>
    </div>
</body>
</html>
